<template>
  <div id="app-contain">
    <el-button title="默认按钮" type="" />
    <el-button title="主要按钮" type="primary" @click="add" />
    <el-button title="成功按钮" type="success" @click="add" />
    <el-button title="信息按钮" type="info" />
    <el-button title="警告按钮" type="warning" />
    <el-button title="危险按钮" type="danger" />
  </div>
</template>

<script>
export default {
  name: 'APP',
  data () {
    return {
      arr: [
        { title: '默认按钮', type: '' },
        { title: '主要按钮', type: 'primary' },
        { title: '成功按钮', type: 'success' },
        { title: '信息按钮', type: 'info' },
        { title: '警告按钮', type: 'warning' },
        { title: '危险按钮', type: 'danger' }
      ]
    }
  },
  methods: {
    add () {
      console.log('封装按钮组件')
    }
  }
}
</script>

<style lang='less' scoped>
</style>
